.w {
  margin: auto;
  width: 1200px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
/* 6个小盒子 */
.box {
  height: 160px;
  margin-top: 40px;
  /* background-color: pink; */
}
.box ul li {
  position: relative;
  float: left;
  width: 158px;
  height: 158px;
  /* background-color: red; */
  margin-right: 40px;
  border-radius: 5px;
  text-align: center;
  line-height: 158px;
}
.box ul li a {
  font-size: 17px;
  color: #ffffff;
}
.box ul li span {
  position: absolute;
  top: -37px;
  left: 35%;
  display: inline-block;
  font-size: 50px;
}
/* 给6个盒子加颜色 */
.box ul li:first-child {
  background-color: #3395f8;
}
.box ul li:nth-child(2) {
  background-color: #f56247;
}
.box ul li:nth-child(3) {
  background-color: #65c4fc;
}
.box ul li:nth-child(4) {
  background-color: #faaf4c;
}
.box ul li:nth-child(5) {
  background-color: #69bca6;
}
.box ul li:last-child {
  background-color: #b7d637;
}
/* 6个盒子背景颜色结束 */
/* 第一部分结束 */
/* 第二部分开始 */
/* 文字部分 */
.box1 {
  height: 560px;
  margin-top: 55px;
  /* background-color: pink; */
}
.box1 .text {
  height: 68px;
  /* background-color: red; */
}
.box1 .text p {
  color: #c7c7c7;
}
.box1 .text p:first-child {
  font-size: 20px;
}
.box1 .text p i {
  font-size: 20px;
  color: #595959;
}
/* 右面按钮 */
.bot {
  width: 89px;
  height: 40px;
  /* background-color: blue; */
  line-height: 40px;
  text-align: center;
  background-color: #fff;
}
.bot span {
  float: left;
  text-indent: 1em;
  margin-right: 5px;
}
.bot p {
  float: left;
  color: #536377;
}
/* 文字结束 */
/* 下面第一个图片部分开始 */
.box1 .pic {
  height: 446px;
  /* background-color: red; */
}
/* 左边图片部分 */
.box1 .pic .pic1 {
  position: relative;
  float: left;
  width: 794px;
  height: 446px;
  /* background-color: blue; */
}
.box1 .pic .pic1 img {
  width: 100%;
  height: 100%;
}
.box1 .pic .pic1 .money1 {
  position: absolute;
  left: 50px;
  bottom: 116px;
}
.box1 .pic .pic1 .money1 i {
  display: inline-block;
  width: 140px;
  height: 33px;
  line-height: 27px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}
.box1 .pic .pic1 .money1 span {
  display: inline-block;
  margin: 0px 15px;
  color: #fff;
}
.box1 .pic .pic1 .money1 p {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
/* 右边图片部分 */
.box1 .pic .pic2 {
  float: right;
  width: 382px;
  height: 446px;
  /* background-color: orange; */
}
.box1 .pic .pic2 .imgs {
  position: relative;
  width: 382px;
  height: 238px;
  background-color: black;
}
.box1 .pic .pic2 .imgs img {
  width: 100%;
  height: 100%;
}
.box1 .pic .pic2 .imgs .money {
  position: absolute;
  left: 10px;
  bottom: 20px;
  width: 105px;
  height: 27px;
  line-height: 27px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}
/* 右边图片下面文字部分 */
.pic .pic2 .about {
  width: 358px;
  height: 205px;
  /* background-color: red; */
  border: 2px solid #f2f2f2;
  padding: 0 10px;
}
.pic .pic2 .about p {
  font-size: 15px;
  color: #b7b7b7;
  /* text-indent: 1em */
}
.pic .pic2 .about p:first-child {
  font-size: 20px;
  margin-bottom: 10px;
}
.pic .pic2 .about p:nth-child(2) {
  font-size: 20px;
  font-weight: 700;
  color: #747474;
  margin-bottom: 10px;
}
.pic .pic2 .about span {
  display: inline-block;
  margin: 29px 15px;
}
/* 第二部分结束 */
/* 第三部分开始 */
.nav {
  height: 450px;
  margin-top: 50px;
  /* background-color: pink; */
}
/* 第一个盒子开始：图片部分 */
.nav .nav1 {
  width: 382px;
  height: 450px;
  /* background-color: royalblue; */
  border: 1px solid #f3f3f3;
}
.nav .nav1 .pic {
  position: relative;
  width: 383px;
  height: 285px;
}
.nav .nav1 .pic img {
  width: 383px;
  height: 285px;
}
.nav .nav1 .money {
  position: absolute;
  left: 20px;
  bottom: 15px;
  width: 103px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
/* 文字部分 */
.nav .nav1 .text {
  width: 383px;
  height: 205px;
  padding: 10px;
}
.nav .nav1 .text p:first-child {
  font-size: 20px;
  color: #b9b9b9;
}
.nav .nav1 .text p:nth-child(2) {
  font-size: 20px;
  font-weight: 700;
  color: #7a7a7a;
  margin-bottom: 15px;
}
.nav .nav1 .text p:nth-child(3) {
  color: #7a7a7a;
  margin-bottom: 20px;
}
.nav .nav1 .text span {
  margin-right: 20px;
  color: #b9b9b9;
}
.nav .nav1:first-child {
  margin-right: 23px;
}
.nav .nav1:nth-child(2) {
  margin-right: 23px;
}
/* 第三部分结束 */
/* 第四部分开始 */
.seach {
  width: 310px;
  height: 48px;
  margin: 40px auto;

  /* background-color: pink; */
}
.seach a {
  display: inline-block;
  font-size: 20px;
  width: 310px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  border: 1px solid #54890e;
  border-radius: 5px;
  background-color: #8cc227;
}
/* 第四部分结束 */
/* 第五部分开始 */
.foot {
  position: relative;
  height: 439px;
  background: url(../imgs/20214201613288656.jpg);
}
/* 上面文字 */
.foot .baike {
  position: absolute;
  top: 30px;
  left: 39%;
  width: 280px;
  height: 120px;
  margin-top: 50px;
  text-align: center;
  /* background-color: red; */
}
.foot .baike p {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.foot .baike p:first-child {
  font-size: 28px;
}
.foot .baike p:nth-child(2) {
  margin-top: 15px;
}
/* 下面按钮 */
.foot .foot2 {
  position: absolute;
  left: 48%;
  bottom: 20px;
  width: 120px;
  height: 50px;
  /* background-color: pink; */
}
.foot .foot2 ul {
  margin-top: 20px;
}
.foot .foot2 li {
  float: left;
  width: 8px;
  height: 8px;
  margin-right: 16px;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 50%;
}
.foot .foot2 span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -6px;
  border: 3px solid #fff;
  border-radius: 50%;
}
.foot .foot2 span li {
  width: 8px;
  height: 8px;
  margin: 3px;
  line-height: 8px;
  text-align: center;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 50%;
}
